{if $need_header_footer}
{template common/header}
<div class="container mt20" id="nav-cat-outer">
	<div class="navmenu clearfix span12" id="nav-cat">
		<div class="navmenu-current">
			{if $sort=='fans'}
			<span>{lang by_fans_num}</span>
			{elseif $sort=='reg'}
			<span>{lang by_register_time}</span>
			{elseif $sort=='share'}
			<span>{lang by_share}</span>
			{elseif $sort=='like'}
			<span>{lang by_like_num}</span>
			{elseif $sort=='nickname'}
			<span>{lang by_nickname}</span>
			{else}
			<span>{lang by_fans_num}</span>
			{/if}
		</div>
		<div class="navmenu-item">
			<span>
				<a class="{if $sort=='fans'}active{/if}" href="{url user/facewall?sort=fans}">{lang by_fans_num}</a>
				<a class="{if $sort=='reg'}active{/if}" href="{url user/facewall?sort=reg}">{lang by_register_time}</a>
				<a class="{if $sort=='share'}active{/if}" href="{url user/facewall?sort=share}">{lang by_share}</a>
				<a class="{if $sort=='like'}active{/if}" href="{url user/facewall?sort=like}">{lang by_like_num}</a>
				<a class="{if $sort=='nickname'}active{/if}" href="{url user/facewall?sort=nickname}">{lang by_nickname}</a>
			</span>
		</div>
	</div>
</div>
{/if}
<div id="waterfall_outer"  data-fullscreen="$layoutsetting['uialbum_auto']" class="container">
	<div class="span12 ml0 puzzs player-cards" id="waterfall" data-pin-width="235" data-animated="$layoutsetting['uialbum_animated']">
		$tpl_waterfall
	</div>
</div>

<div class="container">
	<div id="loadingPins" class="span12 text_c"><img src="{baseurl}themes/$theme/img/puzzle32.gif"></div>
</div>
<div id="page-nav" class="mt20 container hide">
	<a id="page-next" href="$nextpage_url"></a>
</div>
<div id="wpage-nav" class="hide text_c mt20">
	$wpages
</div>
<div class="hide">
	$pages
</div>
{if $need_header_footer}
{template common/footer}
{/if}